
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/css/pagination.css">
    <link rel="stylesheet" href="../static/css/bootstrap.min.css">
    <link rel="stylesheet" href="../static/css/reset.css">
    <link rel="stylesheet" href="../static/css/station.css">
    <link rel="stylesheet" href="../static/css/client.css">
    <link rel="stylesheet" href="../static/css/laydate.css">
    <link rel="stylesheet" href="../static/css/user.css">
    <script src="../static/js/laydate.js"></script>
    <title>容智车联车厢管家</title>
    <style>

        .data-lj{margin-top:5px;}
        .data-lj>span{height:30px;line-height: 30px;margin-right:5px;}
        .data-lj>input{height:30px;line-height: 30px;margin-right:10px;width:120px;box-sizing: border-box;}
        .table01-lj table tbody {
            height: 140px;
        }
        .table01-lj {
            height: 192px;
        }
        .map-b-div {
            height: 242px;
        }
        .map-t-div {
            padding-bottom: 254px;
        }
        .table th, .table td {
            padding:2px 8px;

        }
        .table01-lj tr{height:35px;}
        .table01-lj table thead, .table01-lj tbody tr {
            display: table;
            width: 100%;
            table-layout: fixed;
            height: auto;
        }
        .showdiv{padding-top:50px;height:100%;box-sizing:border-box;}
        .displayN{display:none;}
        .pos-ablj{right:150px;}
        .position-r{position:relative;}
        .position-a{position:absolute;}
        .margin-b5{margin-bottom: 5px;}
        .margin-b15{margin-bottom: 15px;}
        .width100{width:100%;}
        .gongshi-box .same-set-int{box-sizing: border-box;height:35px;line-height: 35px;}
        .cover-bg{background: rgba(51, 51, 51, 0.8);
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            display: none;
            z-index: 10;}
        .gongshi-box{width:260px;height:300px;padding:20px 50px;border-radius: 5px;background: #fff;position:absolute;top:50%;left:50%;margin-left:-130px;margin-top:-160px;}
        .sure-btn{margin-top: 20px;}
        .fiexd{position: fixed;
            top: 0;
            left: 0px;
            background: white;
            width: 94%;
            padding-left:3%;
            padding-bottom: 0;}
        .padding-top {
            padding-top: 50px;
        }

        .table-fixlj tbody {
            display:block;
            height:350px;
            overflow-y:scroll;
        }
        .table-fixlj thead, .table-fixlj tr {
            display:table;
            width:100%;
            table-layout:fixed;
        }
        .table-fixlj thead {
            width: calc(100% - 1em);
        }
        .table th,.table td{
            line-height:48px;
        }

    </style>
</head>
<body>
<div class="position-a cover-bg">
    <div class="gongshi-box">
        <div  id="close" style="
            position:  absolute;
            top: -14px;
            right: -14px;
            width: 30px;
            height: 30px;
            background-color: #00a344;
            border-radius:60px;
            background-image: url(../static/images/guanbi.png);
            background-repeat:no-repeat;
            background-position:center center;
            background-size: 30px;
        "></div>
        <div><p class="margin-b5">选择车辆</p><select class="width100 margin-b15 same-set-int" id="scarstring"></select></div>
        <div><p class="margin-b5">开始时间</p><input type="text" id="test1" class="width100 margin-b15 same-set-int"></div>
        <div><p class="margin-b5">结束时间</p><input type="text" id="test2" class="width100 margin-b15 same-set-int"></div>
        <div><button type="button" class="width100 margin-b15 same-set-int sure-btn">确定</button></div>
    </div>
</div>
<div class="container-fluid">
    <!--右边内容区-->
    <div class="row-fluid bg-white padding-top pad-10 bdbox pos-re">
        <div class="fiexd p-b-10 ov-h">

            <form class="navbar-search pull-left" method="post" action="../mession/findMession">
                <div class="pull-left data-lj"><span class="pull-left">开始日期:</span><input type="text" id="test3" class="pull-left"  name="createTime" value="${createTime}" readonly></div>
                <div class="pull-left data-lj"><span class="pull-left">结束日期:</span><input type="text" id="test4" class="pull-left"  name="endTime" value="${endTime}" readonly></div>
                <input type="text" class="search-query data-lj" placeholder="输入车牌号"  name="word" value="${word}"/>
                <button class="search-lence data-lj" type="Submit"></button>
            </form>
            <div class="pull-right offset4 data-lj" style="margin-left: 30px;margin-right: 20px;">
                <#--<button class="btn bg-color" name="addUser" id="add_info">增加</button>-->
                <a class="btn bg-color" id="daochu"  data-toggle="modal" style="margin-top: 6px;">导出</a>
            </div>
            <#--<div class="pull-right offset4" >-->
                <#--<button class="btn bg-color leftBtn" name="addClient" id="add_info">增加</button>-->
            <#--</div>-->
        </div>
        <!--以上是搜索框，增加按钮组-->
        <!--以下是内容表格区-->
        <table class="table cl-b table-font table-fixlj">
            <thead class="four-border">
            <tr>
                <th>任务编号</th>
                <th>车牌号</th>
                <th>装载率</th>
                <th>装车开门时间</th>
                <th>装车关门时间</th>
                <th>卸车开门时间</th>
                <th>卸车关门时间</th>
                <#--<th>座机</th>-->
                <#--<th>客服服务经理</th>-->
                <#--<th style="text-align: right;padding-right: 47px;">操作</th>-->
            </tr>
            </thead>
            <tbody id="f-table">
            <#list messionList as mession>
            <tr>
                <td class="t-c port-num">
                    <span class="txt-limit1" title="${mession.messionNumber!""}">${mession.messionNumber!""}</span>
                </td>
                <td class="t-c port-num">
                    <span class="txt-limit1" title="${mession.carNumber!""}">${mession.carNumber!""}</span>
                </td>
                <td class="t-c port-num">
                    <span class="txt-limit1" title="${mession.rate!""}">${mession.rate!""}%</span>
                </td>
                <td class="port-name">
                    <span class="txt-limit1" title="${mession.startOpenDoorTime!""}">${mession.startOpenDoorTime!""}</span>
                </td>
                <td class="port-owner">
                    <span class="txt-limit1" title="${mession.startCloseDoorTime!""}">${mession.startCloseDoorTime!""}</span>
                </td>
                <td class="port-coords">
                    <span class="txt-limit1" title="${mession.endOpenDoorTime!""}">${mession.endOpenDoorTime!""}</span>
                </td>
            <#--<td class="port-email"><span class="txt-limit1" title="${mession.email!""}">${user.email!""}</span></td>-->
                <td class="port-call">
                    <span class="txt-limit1" title="${mession.endCloseDoorTime!""}">${mession.endCloseDoorTime!""}</span>
                </td>
            <#--<td class="port-client">
					<span class="txt-limit1" title="${mession.serverManager!""}">${user.serverManager!""}</span>
			</td>-->
            <#--<td style="text-align: right;">-->
            <#--<button class="btn bg-color rewrite leftBtn">修改</button>-->
            <#--<button class="btn bg-color2 rightBtn" data-toggle="modal" data-target="#myModal">删除</button>-->
            <#--</td>-->
            </tr>
            </#list>
            </tbody>
            <#if typefont != "3">
                <div class="M-box"></div>
                <!-- 分页 -->
                <div class="col-md-12 column">
                    <ul class="pagination pull-right">
                        <ul class="pagination">
                            <#if currentPage lte 1>
                                <li class="disabled"><a href="#">上一页</a></li>
                            <#elseif typefont == "1">
                                <li><a href="../mession/messionList?page=${currentPage - 1}&size=${size}">上一页</a></li>
                            <#elseif typefont == "2">
                                <li><a href="../mession/messionList?page=${currentPage - 1}&size=${size}&word=${word}">上一页</a></li>
                            </#if>
                            <#if  maxSize gte 10>
                                <#if currentPage gte 6 && currentPage lte maxSize-4>
                                    <#list currentPage-5.. currentPage+4 as index>
                                        <#if currentPage == index>
                                            <li class="disabled"><a href="#">${index}</a></li>
                                        <#elseif typefont == "1">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}">${index}</a></li>
                                        <#elseif typefont == "2">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}&word=${word}">${index}</a></li>
                                        </#if>
                                    </#list>
                                    <li class="disabled"><a>...</a></li>
                                <#elseif currentPage lte 6>
                                    <#list 1..10 as index>
                                        <#if currentPage == index>
                                            <li class="disabled"><a href="#">${index}</a></li>
                                        <#elseif typefont == "1">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}">${index}</a></li>
                                        <#elseif typefont == "2">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}&word=${word}">${index}</a></li>
                                        </#if>
                                    </#list>
                                    <li class="disabled"><a>...</a></li>
                                <#elseif currentPage gte maxSize-4>
                                    <#list maxSize-10.. maxSize as index>
                                        <#if currentPage == index>
                                            <li class="disabled"><a href="#">${index}</a></li>
                                        <#elseif typefont == "1">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}">${index}</a></li>
                                        <#elseif typefont == "2">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}&word=${word}">${index}</a></li>
                                        </#if>
                                    </#list>
                                <#elseif currentPage lte maxSize-4>
                                    <#list currentPage-10.. maxSize as index>
                                        <#if currentPage == index>
                                            <li class="disabled"><a href="#">${index}</a></li>
                                        <#elseif typefont == "1">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}">${index}</a></li>
                                        <#elseif typefont == "2">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}&word=${word}">${index}</a></li>
                                        </#if>
                                    </#list>
                                <#else >
                                    <#list currentPage.. 10 as index>
                                        <#if currentPage == index>
                                            <li class="disabled"><a href="#">${index}</a></li>
                                        <#elseif typefont == "1">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}">${index}</a></li>
                                        <#elseif typefont == "2">
                                            <li><a href="../mession/messionList?page=${index}&size=${size}&word=${word}">${index}</a></li>
                                        </#if>
                                    </#list>
                                    <li class="disabled"><a>...</a></li>
                                </#if>
                            <#else >
                                <#list 1..maxSize as index>
                                    <#if currentPage == index>
                                        <li class="disabled"><a href="#">${index}</a></li>
                                    <#elseif typefont == "1">
                                        <li><a href="../mession/messionList?page=${index}&size=${size}">${index}</a></li>
                                    <#elseif typefont == "2">
                                        <li><a href="../mession/messionList?page=${index}&size=${size}&word=${word}">${index}</a></li>
                                    </#if>
                                </#list>
                            </#if>
                            <#if currentPage gte maxSize>
                                <li class="disabled"><a href="#">下一页</a></li>
                            <#elseif typefont == "1">
                                <li><a href="../mession/messionList?page=${currentPage + 1}&size=${size}">下一页</a></li>
                            <#elseif typefont == "2">
                                <li><a href="../mession/messionList?page=${currentPage + 1}&size=${size}&word=${word}">下一页</a></a></li>
                            </#if>
                        </ul>
                    </ul>
                </div>
            </#if>
        </table>
        <!--以下是信息修改/新建信息弹出页面-->
        <div class="pos-ab wh-bfb pad-30 bdbox dis-no" id="pop_info">
            <div class="container w-lim pad-10 ov-h bdbox">
                <div class="row-fluid p-bt-10 bot-dot">
                    <div class="span3 text-right offset1">客&nbsp;&nbsp;&nbsp;户&nbsp;&nbsp;名&nbsp;&nbsp;称:</div>
                    <div class="span2">
                        <input type="text"  placeholder="输入客户名称" class="name-input"/>			                        </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">营&nbsp;&nbsp;&nbsp;业&nbsp;&nbsp;执&nbsp;&nbsp;照:</div>
                    <div class="span3 p-b-10 pos-re">
                        <input type="text"  placeholder="上传营业执照" readonly/>
                        <input type="file" class="carpic-input pos-ab cursor-p"/>
                        <!-- <input type="text" placeholder="输入执照号码" class="licence-input"/> -->
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">公司法人代表:</div>
                    <div class="span2">
                        <input type="text" placeholder="输入法人代表名称" class="owner-input"/>
                    </div>
                </div>
                <div class="row-fluid p-bt-10 bot-dot">
                    <div class="span3 text-right offset1">公&nbsp;&nbsp;&nbsp;司&nbsp;&nbsp;地&nbsp;&nbsp;址: </div>
                    <div class="span2">
                        <input type="text" placeholder="输入公司地址（至街道）" class="coords-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">公&nbsp;&nbsp;&nbsp;司&nbsp;&nbsp;电&nbsp;&nbsp;话:</div>
                    <div class="span2">
                        <input type="text" placeholder="例：010-111111" class="call-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">联&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;系&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;人:</div>
                    <div class="span2">
                        <input type="text" placeholder="输入联系人姓名" class="person-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">手&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</div>
                    <div class="span2">
                        <input type="tel" placeholder="输入11位手机号" class="tel-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">邮&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;箱:</div>
                    <div class="span2">
                        <input type="text" placeholder="例：lilang@126.com" class="email-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">座&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;机:</div>
                    <div class="span2">
                        <input type="text" placeholder="例：010-111111" class="zuoji-input"/>
                    </div>
                </div>
                <div class="row-fluid p-t-10 bot-dot">
                    <div class="span3 text-right offset1">客户服务经理:</div>
                    <div class="span2">
                        <input type="text" placeholder="输入经理名称" class="client-input"/>
                    </div>
                </div>
            </div>
            <!--以下按钮组用于修改信息用-->
        <#--<div class="row-fluid p-t-30 dis-no p-l-48" id="txt_add">
            <button class="btn span2 bg-color offset3" id="updateClientUser">确定</button>
            <button class="btn span2 bg-color2 offset1">返回</button>
        </div>
        <!--以下按钮组用于新建信息用&ndash;&gt;
        <div class="row-fluid p-t-30 dis-no p-l-48" id="new_add">
            <button class="btn span2 bg-color offset3 leftBtn" id="addClientUser">确定</button>
            <button class="btn span2 bg-color2 offset1 rightBtn">返回</button>
        </div>-->

            <div class="w-lim2 pad-10 ov-h bdbox">
                <!--以下按钮组用于修改信息用-->
                <div class="row-fluid p-t-30 dis-no" id="txt_add">
                    <button class="btn span5 bg-color pull-left leftBtn" id="updateClientUser">确定</button>
                    <button class="btn span5 bg-color2 pull-right rightBtn">返回</button>
                </div>
                <!--以下按钮组用于新建信息用-->
                <div class="row-fluid p-t-30 dis-no" id="new_add">
                    <button class="btn span5 bg-color pull-left leftBtn" id="addClientUser">确定</button>
                    <button class="btn span5 bg-color2 pull-right rightBtn">返回</button>
                </div>
            </div>

        </div>
    </div>
</div>
</div>
<!-- 点击删除按钮时弹出的模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="width:350px;margin-left:-175px">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header bg-color">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <p class="modal-title text-center " id="myModalLabel">
                    提示消息
                </p>
            </div>
            <div class="modal-body text-center">
                是否确认删除?
            </div>
            <div class="modal-footer text-center">
                <button type="button" class="btn bg-color span2" data-dismiss="modal" >取消
                </button>
                <button type="button" class="btn bg-color2 span2">
                    删除
                </button>
            </div>
        </div>
    </div>
</div>

<script src="../static/js/jquery.min.js"></script>
<script src="../static/js/bootstrap.min.js"></script>
<script src="../static/js/client.js"></script>
<script src="../static/js/user/userClient.js"></script>
<script src="../static/js/jquery.pagination.js"></script>
<script>
    var heightT = $(".container-fluid").height();
    $('.table-fixlj tbody').height(heightT - 100);

    laydate.render({
        elem: '#test3'
    });
    laydate.render({
        elem: '#test4'
    });


    laydate.render({
        elem: '#test1'
    });
    laydate.render({
        elem: '#test2'
    });


    $(function () {

        //鉴权
        var action = "4_0";
        //鉴权
        $.ajax({
            type: "POST",
            url: "../user/checkPower",
            dataType: 'json',
            data: {
                "action": action
            },
            success: function (data) {
                if (data.status != "success") {
                    alert(data.msg);
                    // alert(2222);
                    return false;
                }
                else {
                    // alert(1111);
                }
            }
        });

        $('#close').click(function(){
            $('.gongshi-box').hide();
            $('.cover-bg').hide();
        });


        $('#daochu').on('click',function(){
            $('.cover-bg').show();

            //通过clientId获取车辆列表
            //ajax start
            $.ajax({
                type: "POST",
                url: "../car/getCarsByClient",
                dataType : 'json',
                success: function(data){
                    $('#scarstring').html(data.msg);
                }
            });
            //ajax end


        });

        $('.sure-btn').on('click',function(){
            $('.cover-bg').hide();

            var carno = $('#scarstring').val();

            var ctime = $('#test1').val();
            var etime = $('#test2').val();

//            alert(ctime);
//            alert(etime);

            location.href = "../report/exportReport?carno="+carno+"&cTime="+ctime+"&endTime="+etime;



        });
    })
</script>

</body>
</html>
